<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>弹窗带列表缩略图图片切换</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
	</head>
	<body>
		<div class="product">
		<div class="productcen_content">
			<div class="product_introduce">
				<div class="product_main">
					<div class="product_j">
						<h3>某某某<span class="product_x">mo</span></h3>
					</div>
				</div>
				<div class="product_picture">
					<div class="product_picture1">
						<a href="###"><img src="img/a1.png"  /></a>
					</div>
				</div>
			</div>
		</div>
		<!--
			作者：2582681729@qq.com
			时间：2018-07-20
			描述：查看图片弹窗
		-->
		<div class="tanchukuang_bg11"></div>
		<div class="picture">
			<div class="picture_top">
				<span>查看大图</span>
				<a class="clos" href="###">×</a>
			</div>
			<div class="picture_bottom">
				<div class="picture_left">
					<div class="picture_img">
						<div class="picture_img2">
							<img src="" class="showImg" />
						</div>
					</div>
					<div class="prev">
						<a href="###"></a>
					</div>
					<div class="next">
						<a href="###"></a>
					</div>
				</div>
				<div class="picture_right">
					<div class="picture_name">
						<a href="###">
							<h3>某某某<span class="product_x">mou</span></h3></a>
					</div>
					<div class="picture_suo">
						<div class="picture_suo_t">
							<div class="picture_suo_img suo-img">
								<img class="lazy" src="img/a1.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a2.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a3.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a4.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a5.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a1.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a2.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a3.png" />
							</div>
						</div>
						<div class="picture_suo_t" style="display: none;">
							<div class="picture_suo_img">
								<img class="lazy" src="img/a1.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a2.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a3.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a4.png" />
							</div>
							<div class="picture_suo_img">
								<img class="lazy" src="img/a5.png" />
							</div>
						</div>
						<div class="picture_fenye">
							<div class="picture_prev">
								<img class="lazy" src="img/picture_prev.jpg" />
							</div>
							<span>1/2</span>
							<div class="picture_next">
								<img class="lazy" src="img/picture_next.jpg" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ljxq22">
				<a href="###"><img class="lazy" src="img/ljxq2222.jpg" /></a>
			</div>
		</div>
	</div>
	</body>
	<script src="js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
</html>
